import React, { useState } from "react";
import style from "../order/index.module.css";
import { Button, Space } from 'antd-mobile'
import { Input } from 'antd-mobile'
function Index() {
     const [value, setValue] = useState('')
  return (
    <div>
      <div>
        <span>
          <img
            style={{ width: "50px", height: "50px", borderRadius: "12px" }}
            src="https://ts1.tc.mm.bing.net/th/id/OIP-C.z8hLJ-r4jBsa1dYRotjnYgAAAA?w=207&h=211&c=8&rs=1&qlt=90&o=6&dpr=1.5&pid=3.1&rm=2"
            alt=""
          />
        </span>

        <div className={style.lefttalk} style={{ width: "180px" }}>
          <span>
            您好，欢迎咨询
            我们是一家发河嘎哈发货发发发保护费金额金额发金额合法金额合法金额合肥份额不放假和分包金额合法不急额发
          </span>
        </div>
      </div>

      <div>
        <span className={style.rightimg}>
          <img
            style={{ width: "40px", height: "40px", borderRadius: "12px" }}
            src="https://ts1.tc.mm.bing.net/th/id/OIP-C.JCEcaQJVR_vC2kgt6BGZlAAAAA?w=202&h=211&c=8&rs=1&qlt=90&o=6&dpr=1.5&pid=3.1&rm=2"
            alt=""
          />
        </span>

        <div className={style.righttalk} style={{ width: "140px" }}>
          <span>电饭锅哈哈脱氧核糖热</span>
        </div>
      </div>

      <div>
        <span>
          <img
            style={{ width: "50px", height: "50px", borderRadius: "12px" }}
            src="https://ts1.tc.mm.bing.net/th/id/OIP-C.z8hLJ-r4jBsa1dYRotjnYgAAAA?w=207&h=211&c=8&rs=1&qlt=90&o=6&dpr=1.5&pid=3.1&rm=2"
            alt=""
          />
        </span>

        <div className={style.lefttalk} style={{ width: "180px" }}>
          <span>
            您好，欢迎咨询
            我们是一家发河嘎哈发货发发发保护费金额金额发金额合法金额合法金额合肥份额不放假和分包金额合法不急额发
          </span>
        </div>
      </div>

    
       <div className={style.foot}>
         <Input
          placeholder='请输入内容'
          value={value}
          onChange={val => {
            setValue(val)
          }}
        />

           <Button className={style.btn} color='primary' fill='solid'>
            发送
          </Button>
       </div>

    </div>
  );
}

export default Index;
